<template>
  <div>
        <input type="text" v-model="name">
        <el-button type="success" size="mini" @click="axiosGet">axios的get请求</el-button>
        <el-button type="success" size="mini" @click="axiosPost">axios的post请求</el-button>
  </div>
</template>

<script>

  export default {
        name:"test",
        data(){
           return{
                name:"123"
           }
        },
        methods:{
            axiosGet(){
                var self = this;
                this.$http.get(
                            "http://localhost:8080/test/ajaxGet",
                             {params:{"name":this.name}}
                            ).then(function(rs){//响应服务器成功的回调函数
                                self.$alert(rs.data);
                            }).catch(function(rs){//响应服务器失败的回调函数
                                self.$message(rs);
                            })
            },
            axiosPost(){
                var self = this;
                this.$http.post(
                            "/test/ajaxPost",
                             this.$qs.stringify({"name":this.name})
                            ).then(function(rs){//响应服务器成功的回调函数
                                self.$alert(rs.data);
                            }).catch(function(rs){//响应服务器失败的回调函数
                                self.$message(rs);
                            })
            }
        }
  }
</script>

<style>
</style>
